<!DOCTYPE html>
<html class="x-admin-sm">
	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.cookie.js"></script>

	<body>
		<div class="layui-fluid">
			<div class="layui-row">
				<form class="layui-form" id="form1" onsubmit="return test()">
					<input type="hidden" name="userId" id="s1" />
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>登录名
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s2" name="loginName" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red">*</span>将会成为您唯一的登入名
						</div>
					</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>密码
                      </label>
						<div class="layui-input-inline">
							<input type="password" id="a1" name="loginPwd"  required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red" id="sp1">*</span>
						</div>
					</div>

					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>确认密码
                      </label>
						<div class="layui-input-inline">
							<input type="password" id="a2" name="loginPwd1" required="" lay-verify="required" autocomplete="off" class="layui-input" >
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red" id="sp2">*</span>
						</div>
					</div>

					<label for="L_repass" class="layui-form-label">
                      </label>
					<button type="button" class="layui-btn" lay-filter="add" lay-submit="" id="btn">
                                                   提交
                      </button>
			</div>
			</form>
		</div>
		</div>

		<script>
			layui.use(['form', 'layer'],
				function() {
					$ = layui.jquery;
					var form = layui.form,
						layer = layui.layer;
				});
		</script>
		<script>
			$(function() {
				var id = $.cookie("id");
				var loginName = $.cookie("loginName");
				window.onload = function setValue() {
					document.getElementById("s1").value = id;
					document.getElementById("s2").value = loginName;

				}
				$("#btn").click(function() {
					var p1 = document.getElementById('a1').value;
					var p2 = document.getElementById('a2').value;
					var pww1 = /\d+\w+/;
					if(!pww1.test(p1)) {
						sp1.innerHTML = "<font color='red'>密码格式不对</font>"
						return false;
					}
					if(p1.length < 4 || p1.length > 10) {
						sp1.innerHTML = "<font color='red'>密码长度在4-10位</font>"
						return false;
					} else {
						sp1.innerHTML = "<font color='red'></font>"

					}
					if(p1 == p2) {
						sp2.innerHTML = "<font color='red'>正确</font>"
						$.ajax({
							type:"post",
							url:"http://localhost:9095/admin/sysUser/updatePwd",
							async:true,
							data:$("#form1").serialize(),
							headers: {
									"token2": $.cookie("token2")
								},
							success(msg){
									if(msg.code == 200) {
								alert("修改密码成功");
								xadmin.close();
								// 可以对父窗口进行刷新 
//								xadmin.father_reload();
							} else {
								alert("修改密码失败")
							}
							}
						});
					} else {
						sp2.innerHTML = "<font color='red'>两次输入不一致</font>"
					}
				});
			})
		</script>
	</body>
</html>